@charset "utf-8"; /*------------------------------- font start ----------------------------------*/ @font-face { font-family: 'fontawesome'; src: url("../fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0"); src: url("../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: fallback; } /*@font-face { font-family: 'pangmenzhengdao'; src: url("../fonts/EiZOozi.eot?v=4.5.0"); src: url("../fonts/EiZOozi.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/EiZOozi.woff2?v=4.5.0") format("woff2"), url("../fonts/EiZOozi.woff?v=4.5.0") format("woff"), url("../fonts/EiZOozi.ttf?v=4.5.0") format("truetype"), url("../fonts/EiZOozi.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: fallback; }*/ /*------------------------------- font end ----------------------------------*/ /*reset*/ *, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dd, dl, dt, li, ol, ul, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td */{margin:0;padding:0;} ul{margin:0; padding:0; list-style:none;} li{list-style-type: none;} font{font-family:Arial,Verdana;} input, button, textarea{ margin: 0; padding: 0; border-width: 1px; font-size: 14px; transition: all 0.5s; -webkit-transition: all 0.5s; } a img{border:0 none; /*max-width: 100%;*/} img{ /*max-width: 100%;*/ transition: all 0.5s; -webkit-transition: all 0.5s; } a{text-decoration:none; transition: all .5s; -webkit-transition:all .5s; -moz-transition: all .5s; -o-transition: all .5s; color: #3d3d3d; } a:hover{ text-decoration:none; transition: all .5s; -webkit-transition:all .5s; -moz-transition: all .5s; -o-transition: all .5s; } html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; background: #fff; overflow-x:auto; } body{ font-size: 12px; color: #333; /*overflow: hidden;*/ } table { /*border-collapse: collapse;*/ border-spacing: 0;} label,button{cursor:pointer;} select,input,textarea,button{outline:none; } em,i{font-style:normal;} .bgf{ background: #fff;} /*common*/ .fl{float: left;} .fr{float: right;} .clear{ clear: both; } .clearl{ clear: left; } .clearr{ clear: right; } .overHidden{ overflow: hidden; } .h15{ clear: both; height: 15px; overflow: hidden; } .h20{ clear: both; height: 20px; } .h30{ clear: both; height: 30px; } .h40{ clear: both; height: 40px; } .h50{ clear: both; height: 50px; } .h60{ clear: both; height: 60px; } .h70{ clear: both; height: 70px; } .h90{ clear: both; height: 90px; } .marlrAuto{ margin-left: auto; margin-right: auto; } .table{ display: table; width: 100%; height: 100%; } .cell{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .clearfix:after{ display: block; content: ""; height: 0; clear: both; } .clearfix{*zoom: 1;} .pro-table,.pro_table{overflow-x:auto} .textOverflow{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;} .textOverClm{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;} .clm2{-webkit-line-clamp:2; } .clm3{-webkit-line-clamp:3; } .clm4{-webkit-line-clamp:4; } .clm5{-webkit-line-clamp:5; } .clm6{-webkit-line-clamp:6; } .clm7{-webkit-line-clamp:7; } .tc{text-align: center;} .tl{text-align: left;} .tr{text-align: right;} .textHover:hover{text-decoration: underline;} .btnHover:hover{opacity: 0.9;transition: all 0.5s; -webkit-transition: all 0.5s;} .color3{color: #333;} .colot6{ color: #666;} .f14{font-size: 14px;} .f16{font-size: 16px !important;} .f18{font-size: 18px !important;} .f20{font-size: 20px !important;} .f22{font-size: 22px !important;} .word_break:{word-break:break-all;} /*文字换行*/ .fBold{ font-weight: bold; } .borderN{ border: none; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } /**displayNone**/ .disNone{ display: none; } .wrapper{ width: 90%; max-width: 1220px; min-width:1200px; margin-left: auto; margin-right: auto; } .wrapper2{ width:1220px; margin-left: auto; margin-right: auto; } .BarDivwrap{ width:1260px; position:absolute; left:50%; margin-left:-610px; top:10px; } .layout-wrap{ width:1220px; margin:0 auto; } @media (min-width:1200px) and (max-width:1460px){ .BarDivwrap{ width:1220px; position:absolute; left:50%; margin-left:-610px; top:10px; } .wrapper{ width: 90%; max-width: 1220px; min-width:1200px; margin-left: auto; margin-right: auto; } .wrapper2{ width:1220px; margin-left: auto; margin-right: auto; } .layout-wrap{ width:1220px; margin:0 auto; } } @media (min-width:1460px){ .BarDivwrap{ width:1220px; position:absolute; left:50%; margin-left:-610px; top:10px; } .layout-wrap{ width:1220px; margin:0 auto; } } @media (min-width:1025px) and (max-width:1460px){ } @media (min-width:1025px) and (max-width:1200px){ } @media (min-width:768px) and (max-width:1024px){ } @media (min-width:320px) and (max-width:767px){ } @media (min-width:640px) and (max-width:768px){ } /* * video_open */ .video_window { display: none; width: 800px; height: 485px; position: fixed; left: 50%; top: 50%; z-index: 10000; margin: -300px 0 0 -400px; } .video_window_rela { position: relative; } .video_window_close { position: absolute; right: -12px; top: -12px; width: 20px; color: #fff; font-size: 18px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; } .video_window_mask { display: none; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); } .biaoge table,.biaoge table tr th, .biaoge table tr td { border:1px solid #CCC;} .biaoge table{ border:0; border-spacing:0; border-collapse: collapse; } .biaoge table td{ padding-left:15px }